<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>zye2</title>
	</head>
	<style type="text/css">
		#id1{
			width: 200px;
			height: 200px;
			background-color:yellow;
		}
	</style>
	<body>
		<div id="id1" class="div1">
			第一个div
		</div>
		<div id="id1" class="div1">
			第二个div
		</div>
		<div id="id1" class="div1">
			第三个div
		</div>
		
		<p>第一个段落</p>
		<p>第二个段落</p>
		<p>第三个段落</p>
		<p>第四个段落</p>
		<p>第五个段落</p>
		
			<ul>
				<li>111</li>
				<li>222</li>
				<li>333</li>
			</ul>
	</body>
	<script type="text/javascript">
		//id选择器
		var a=document.getElementById('id2');
		console.log(a)
		
		//类选择器
		var b=document.getElementsByClassName('div1');
		console.log(b[0])
		
		//标签选择器
		var c=document.getElementsByTagName('p');
		console.log(c)
	</script>
</html>
